<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>米修在线-首页</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<meta name="distribution" content="欢迎来到米修在线"/>
		<meta name="keywords" content="前端学习,米修在线"/>
		<link rel="stylesheet" type="text/css" href="css/style.css"/>
		<link rel="stylesheet" media="screen and (max-width:768px)" href="css/mobile.css">
		<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css"/>
	
	</head>
	<body>
		<header>
			<nav id="navbar">
				<div class="container">
					<h1>
						<a href="index.html">米修在线</a>
					</h1>
					<ul>
						<li>
							<a class="current" href="index.html">首页</a>
						</li>
						<li>
							<a href="about.html">关于我们</a>
						</li>
						<li>
							<a href="contact.html">联系我们</a>
						</li>
					</ul>
				</div>
			</nav>
			<div id="showcase">
				<div class="container">
					<div class="showcase-content">
						<h1>欢迎来到
							<span class="text-primary">米修在线</span>
						</h1>
						<p>
							Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nostrum corporis cum molestiae perspiciatis aspernatur ad similique dicta facilis nam ipsa!
						</p>
						<a class="btn" href="about.html">关于我们</a>
					</div>
				</div>
			</div>
		</header>
	<section id="home-info" class="bg-dark">
		<div class="info-img"></div>
		<div class="info-content">
			<h2>
				<span class="text-primary">
					米修在线
				</span>
				介绍
			</h2>
			<p>
				Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vero ad commodi architecto ut esse nam magni beatae culpa aperiam quibusdam quidem sit aliquam eveniet ratione minus recusandae nobis! Rerum tempora.
				
			</p>
			<a class="btn btn-light" href="about.html">阅读更多</a>
		</div>
	</section>
	<section id="features">
		<div class="box bg-light">
			<i class="fa fa-users fa-3x" aria-hidden="true"></i> 
			<h3>
			讲师介绍
			</h3>
			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eum necessitatibus.</p>
		</div>
		<div class="box bg-primary">
			<i class="fa fa-leanpub fa-3x" aria-hidden="true"></i> 
			<h3>
			课程详情
			</h3>
			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eum necessitatibus.</p>
		</div>
		<div class="box bg-light">
			<i class="fa fa-graduation-cap fa-3x" aria-hidden="true"></i> 
			<h3>
			学员反馈
			</h3>
			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eum necessitatibus.</p>
		</div>
	</section>
	<div class="cle">
		
	</div>
	<footer id="main-footer">
		<p>
			米修在线 &copy; 2021 All Rights Reserved
		</p>
	</footer>
	</body>
</html>
